<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1,  minimum-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
        <meta name="apple-mobile-web-app-title" content=""/>
        <meta name="apple-touch-fullscreen" content="YES" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="HandheldFriendly" content="true" />
        <meta http-equiv="x-rim-auto-match" content="none" />
        <meta name="format-detection" content="telephone=no" />
        <title>御仙剑心</title>
        <style type="text/css">
                *{margin:0;padding:0;border:0 none;font-family:"微软雅黑";}
                body{background: #e3f2f5;max-width:768px;}
                a{text-decoration: none;}
                header{height:60px;position: fixed;left:0;top: 0;position: fixed;width: 100%;background:rgba(11,9,23,0.5);}
                .header_left{width: 100%;}
                .header_left>*{float: left;}
                .header_left img{width: 54px;height:auto;margin-top:3px;margin-left:10px;}
                .hot{overflow: hidden;padding-top:2px;padding-bottom:2px;}
                .hot>*{float: left;}
                .header_left>div{padding-left:8px;font-size:10px;color:#fff;}
                .header_left h1{font-size:16px;color:#fff;}
                .header_right{width: 75px;height: 30px;border-radius:15px;background: #ec0000;line-height:30px;text-align: center;color:#fff;font-size:12px;position: absolute;right:10px;top: 15px;text-decoration: none;}
                .img_box{width: 100%;display: block;}
                
                .img_box>img{width: 100%;height:auto;vertical-align:middle;}
                .btn{width:44%;display: block;margin:0 auto;}
                .btn img{width: 100%;height:auto;}
                .cpright{font-size:12px;color:#707678;line-height:20px;text-align:center;max-width:290px;margin:0 auto;margin-bottom:30px;margin-top:5px;}
                .swiper{width: 100%;}
                .swiper .box{width:100%;list-style-type:none;overflow: hidden;}
                .swiper .box li{float: left;width:100%;list-style-type:none;}
                .swiper .box li img{width: 100%;height:auto;}
                .swiper{position:relative;}
                .left,.right{position: absolute;top: 50%;height:36px;margin-top:-18px;width:21px;background:url(images/left.png) no-repeat 0 0;-webkit-background-size:cover;
                background-size:cover;z-index:1;left:30px;}
                .right{left:auto;right:30px;background-image: url(images/right.png);}
                .box li:not(:nth-of-type(1)){display: none;}
                .cpright span{font-family:"微软雅黑";}
                .tow_box{position: relative;}
                .tow_box a{display: block;position: absolute;right:4%;top: 50%;width:40%;padding-top:11.7%;background:url(images/btn.jpg) no-repeat;z-index:1;-webkit-background-size:cover;
                background-size:cover;margin-top:-5.9%;}
        </style>
    </head>
    <body>
        <header>
                <div class="header_left">
                     <img src="images/logo.png" alt="" />
                     <div>
                          <h1>御仙剑心</h1>
                          <div class="hot">
                                  <div>热度：</div>
                                  <img src="images/star.png" alt="" />
                          </div>
                          <p>下载量385万·强PK手游</p>
                     </div>   
                </div>
                <a href="http://d.ab1z.cn/u/NDQ5LDMw" class="header_right">
                     立即下载   
                </a>
        </header>
        <div class="img_box"><img src="images/1.jpg" alt="" /></div>
        <div class="img_box tow_box">
            <img src="images/2.jpg" alt="" />
            <a href="http://d.ab1z.cn/u/NDQ5LDMw"></a>
        </div>
        <div class="img_box"><img src="images/11.jpg" alt="" /></div>
        <div class="swiper">
                <ul class="box">
                       <li>
                               <div><img src="images/9.jpg" alt="" /></div>

                       </li>
                       <li>
                               <div><img src="images/10.jpg" alt="" /></div>
                       </li>
                       <li>
                               <div><img src="images/5.jpg" alt="" /></div>
                       </li>
                </ul>
                <span class="left" id="prev"></span>
                <span  class="right" id="next"></span>
        </div>
        <div class="img_box">
              <img src="images/3.jpg" alt="" />  
        </div>
        <div class="img_box">
                <img src="images/6.jpg" alt="" style="margin-bottom:27px;"/>
        </div>
        <div class="img_box">
                <img src="images/4.jpg" alt="" />
                <img src="images/7.jpg" alt="" style="margin-bottom:20px;"/>
        </div>
        <a href="http://d.ab1z.cn/u/NDQ5LDMw" class="btn">
                <img src="images/8.jpg" alt="" />
        </a>
        <p class="cpright">Copyright<span>©</span>2015-2020  广州市比目网络科技有限公司  粤ICP备13082982号</p>
        <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
        <script type="text/javascript">
                $(function(){
                        var het=$(".box li img").height();
                        $(".box").css({
                                'height': het+"px"
                        });
                        var curIndex = 0;
                        var len=$(".box li").length;
                        $("#prev").click(function(event) {
                                if(curIndex ==0){ 
                                    curIndex =2; 
                                }else{ 
                                    curIndex--;
                                }  
                                changeImg(curIndex);

                        });
                        $("#next").click(function(event) {
                                if(curIndex < len-1){ 
                                    curIndex ++; 
                                }else{ 
                                    curIndex = 0;
                                }
                                changeImg(curIndex);
                        });
                        var myInterval=setInterval(function(){
                                if(curIndex < len-1){ 
                                    curIndex ++; 
                                }else{ 
                                    curIndex = 0;
                                }
                                changeImg(curIndex);
                        },5000)
                        function changeImg(curIndex){
                                $(".box li").eq(curIndex).fadeIn(500).siblings('li').fadeOut(500);  
                        }
                        
                })
            function getUrlParam(name) {
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
                var r = window.location.search.substr(1).match(reg);
                if (r != null) return unescape(r[2]);
                return null
            }
            var linkurl={
                "sser001":"http://d.ab1z.cn/u/NDQ5LDc5",
                "sser002":"http://d.ab1z.cn/u/NDQ5LDgx",
                "sser003":"http://d.ab1z.cn/u/NDQ5LDgy",
                "sser004":"http://d.ab1z.cn/u/NDQ5LDgz",
                "sser005":"http://d.ab1z.cn/u/NDQ5LDg0",
                "sser005":"http://d.ab1z.cn/u/NDQ5LDg0",
                "toutiao001":"http://d.ab1z.cn/u/NDQ5LDk3",
                "toutiao002":"http://d.ab1z.cn/u/NDQ5LDk4",
                "toutiao003":"http://d.ab1z.cn/u/NDQ5LDk5",
                "toutiao004":"http://d.ab1z.cn/u/NDQ5LDEwMA==",
                "toutiao005":"http://d.ab1z.cn/u/NDQ5LDEwMQ==",
            }
            var title=getUrlParam("title");
            if(title!=null){
                var downloads=document.getElementsByTagName("a");
                for(var i=0;i<downloads.length;i++){
                    downloads[i].href=linkurl[title];
                }
            }
        </script>
    </body>
</html>